  <ui:composition template="/templates/layout.xhtml"
     xmlns="http://www.w3.org/1999/xhtml"
     xmlns:f="http://java.sun.com/jsf/core"
     xmlns:h="http://java.sun.com/jsf/html"
     xmlns:ui="http://java.sun.com/jsf/facelets"
     xmlns:p="http://primefaces.org/ui"
>
     <ui:define name="content">
         <h:form styleClass="loginPanelStyle">
                 <p:growl id="msgs" showDetail="true" sticky="false" />                        
                 <p:panelGrid columns="2" style="margin-left: 40%; margin-top: 10%">
                <f:facet name="header">
                Login
                </f:facet>    
                <h:outputText value="Username: "></h:outputText>
                <p:inputText id="username" value="#{loginController.userName}" required="true" requiredMessage="Please Enter Username!" >
                    <f:validateLength minimum="1" />  
                </p:inputText>
                <h:outputText value="Password:"></h:outputText>
                <p:password id="password" value="#{loginController.password}" required="true" requiredMessage="Please Enter password!">
                    <f:validateLength minimum="6" />  
                </p:password>
                <f:facet name="footer">
                <p:commandButton value="Submit" update="msgs" action="#{loginController.login}" type="submit" icon="ui-icon-check" style="margin:0"></p:commandButton>
                <p:button outcome="/inscription.xhtml" value="Inscription" icon="ui-icon-star"/>
                </f:facet> 
                
                
            </p:panelGrid>
        </h:form>
     </ui:define>
  </ui:composition>				